<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp">
  <title>已评分实训</title>
  <link rel="stylesheet" href="./static/css/mdui.css">
  <link rel="stylesheet" href="./static/css/docs.css">
</head>
<body class="mdui-drawer-body-left mdui-appbar-with-toolbar mdui-theme-primary-blue mdui-theme-accent-pink mdui-loaded">
<header class="mdui-appbar mdui-appbar-fixed">
  <div class="mdui-toolbar mdui-color-theme">
    <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white" mdui-drawer="{target: '#main-drawer', swipe: true}"><i class="mdui-icon material-icons">menu</i></span>
    <a href="./index.html" class="mdui-typo-headline mdui-hidden-xs">员工培训系统</a>
    <a href="" class="mdui-typo-title">已评分实训</a>
    <div class="mdui-toolbar-spacer"></div>
    <div class="mdui-col-xs-5 mdui-col-md-3">
      <div class="mdui-textfield mdui-textfield-expandable mdui-float-right ">
        <button class="mdui-textfield-icon mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">search</i></button>
        <input class="mdui-textfield-input" type="text" placeholder="搜索"/>
        <button class="mdui-textfield-close mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">close</i></button>
      </div>
    </div>
    <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white" mdui-dialog="{target: '#dialog-docs-theme'}" mdui-tooltip="{content: '设置主题'}"><i class="mdui-icon material-icons">color_lens</i></span>
  </div>
</header>

<%@include file="../common/leftMenuTrainTea.jsp"%>

<a id="anchor-top"></a>

<div class="mdui-container doc-container">
  <div class="mdui-clearfix">
    <h1 class="doc-title mdui-text-color-theme mdui-p-x-0  mdui-col-xs-6 mdui-m-x-0">已评分实训</h1>
  </div>
  <div class="mdui-typo mdui-clearfix mdui-m-b-4">
    <div class="mdui-clearfix">
      <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">项目选择：</div>
      <div class="mdui-col-xs-6 mdui-col-md-2" style="position: relative;top: 12px">
        <input list="project" class="mdui-textfield-input" />
        <datalist id="project" >
          <option value="项目1">项目1</option>
          <option value="项目2">项目2</option>
          <option value="项目3">项目3</option>
          <option value="项目4">项目4</option>
        </datalist>
      </div>
    </div>
    <div class="mdui-clearfix">
      <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">课程选择：</div>
      <div class="mdui-col-xs-6 mdui-col-md-2" style="position: relative;top: 12px">
        <input list="lesson" class="mdui-textfield-input" />
        <datalist id="lesson" >
          <option value="课程1">课程1</option>
          <option value="课程2">课程2</option>
          <option value="课程3">课程3</option>
          <option value="课程4">课程4</option>
        </datalist>
      </div>
    </div>
    <div class="mdui-clearfix">
      <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">科目选择：</div>
      <div class="mdui-col-xs-6 mdui-col-md-2" style="position: relative;top: 12px">
        <input list="subject" class="mdui-textfield-input" />
        <datalist id="subject" >
          <option value="科目1">科目1</option>
          <option value="科目2">科目2</option>
          <option value="科目3">科目3</option>
          <option value="科目4">科目4</option>
        </datalist>
      </div>
    </div>
    <div class="mdui-clearfix">
      <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">实训题目：</div>
      <div class="mdui-col-xs-6 mdui-col-md-4">
        <div class="mdui-textfield">
          <input type="text" class="mdui-textfield-input">
        </div>
      </div>
    </div>
    <div class="mdui-clearfix">
      <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">实训内容：</div>
      <div class="mdui-col-xs-6 mdui-col-md-4">
        <div class="mdui-textfield">
          <textarea class="mdui-textfield-input"></textarea>
        </div>
      </div>
    </div>
    <div class="mdui-clearfix">
      <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">实训员工：</div>
      <div class="mdui-col-xs-6 mdui-col-md-2" style="position: relative;top: 12px">
        <input list="staffID" class="mdui-textfield-input" />
        <datalist id="staffID" >
          <option value="员工ID1">员工ID1</option>
          <option value="员工ID2">员工ID2</option>
          <option value="员工ID3">员工ID3</option>
          <option value="员工ID4">员工ID4</option>
        </datalist>
      </div>
    </div>
    <div class="mdui-clearfix">
      <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">实训报告：</div>
      <div class="mdui-col-xs-6 mdui-col-md-6" style="position: relative;top: 12px;min-height: 300px;border: 1px solid #eee;">
        <div class="mdui-clearfix mdui-p-t-2">
          <div class="mdui-col-xs-6 mdui-col-md-2">
            <input list="company" class="mdui-textfield-input" placeholder="企业选择" />
            <datalist id="company" >
              <option value="企业1">企业1</option>
              <option value="企业2">企业2</option>
              <option value="企业3">企业3</option>
              <option value="企业4">企业4</option>
            </datalist>
          </div>
          <div class="mdui-col-xs-6 mdui-col-md-2">
            <input list="section" class="mdui-textfield-input" placeholder="部门选择" />
            <datalist id="section" >
              <option value="部门1">部门1</option>
              <option value="部门2">部门2</option>
              <option value="部门3">部门3</option>
              <option value="部门4">部门4</option>
            </datalist>
          </div>
          <button class="mdui-col-xs-2 mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-float-right">查询</button>
        </div>
        <div class="mdui-table-fluid mdui-typo mdui-m-t-2">
          <table class="mdui-table mdui-table-hoverable">
            <thead>
              <tr>
                <th>#</th>
                <th>员工工号</th>
                <th>实训得分</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>1</td>
                <td>员工工号1</td>
                <td>89</td>
              </tr>
              <tr>
                <td>2</td>
                <td>员工工号2</td>
                <td>89</td>
              </tr>
              <tr>
                <td>3</td>
                <td>员工工号3</td>
                <td>89</td>
              </tr>
              <tr>
                <td>4</td>
                <td>员工工号4</td>
                <td>89</td>
              </tr>
              <tr>
                <td>5</td>
                <td>员工工号5</td>
                <td>89</td>
              </tr>
              <tr>
                <td>6</td>
                <td>员工工号6</td>
                <td>89</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>

 <%@include file="../common/theme.jsp"%>


<script src="./static/js/mdui.min.js"></script>
<script>var $$ = mdui.JQ;</script>
<script src="./static/js/highlight.pack.js"></script>
<script src="./static/js/smooth-scroll.min.js"></script>
<script src="./static/js/holder.min.js"></script>
<script src="./static/js/base.js"></script>
<script>

</script>

</body>
</html>